<template>
	<view class="content-box">
		<view class="fixed">
			<view class="content1">
				<Head></Head>
			</view>
			<view class="content2">
				<Banner></Banner>
			</view>
		</view>

		<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="500" class="swiper-box" :style="{'height':swiperHeight+'px'}">

			<swiper-item>
				<view class="swiper-item box1">
					<view style="opacity: 0;">
					            <text>格林威治大学国际学院是国际学生<br>攻读英国大学学位课程的理想起点。</text>
					
					          </view>
					<view class="sanjiao">
						<view>
							<image src="../../static/down.png" mode="widthFix" class="down-jiantou">
						</view>
					</view>
				</view>
			</swiper-item>
		</swiper>


<div class="main-center">
      <h1 style="text-align: center;margin-top: 50px;margin-bottom: 27px;">布拉德福德大学</h1>
      <div>
        <img src="../../static/bradford/ttt.jpg" alt="" style="width: 275px;display: block;margin: 0 auto">
      </div>
      <div class="details">
        <p>布拉德福德大学国际学院(UBIC)是位于英国西约克郡布拉德福德大学中心的嵌入式学院。UBIC为国际学生提供途径课程，为其在英国的本科和研究生学习做准备。</p>
				<p ><strong style="font-size: 22px;">学习内容及课程</strong></p>
        <p style="font-weight: bold;">1.预科课程(IFY)：</p>
				<p>A-Level 3级基础课程，相当于A-level课程。</p>
        <p style="font-weight: bold;">2.本科预科(IYZ)：</p>
				<p>四年制综合学位课程的第一年。</p>
        <p style="font-weight: bold;">3.国际大一(IY1)：</p>
				<p>相当于本科阶段的第一年学习。</p>
        <p style="font-weight: bold;">4.国际联合硕士课程(IIM)：</p>
				<p>提供超过一到两个学期的预备课程，是通往研究生学位的途径。</p>
				
				
				
				<p ><strong style="font-size: 22px;">为什么要在UBIC学习?</strong></p>
				<p>通过在UBIC学习，学生可以提高学术水平和英语语言技能，并可以为未来在布拉德福德大学的学习做准备。 英国布拉德福德大学是英国研究生前景排名前25的大学(the Times and Sunday Times Good University Guide 2019)。</p>
				<p>布拉德福德大学是一所拥有超过50年创新和卓越的科技大学。该大学是世界科技大学网络的一部分，并在教学卓越框架中获得银牌评级。他们被授予英国女王周年纪念高等和继续教育奖，继续为全球130多个国家提供高质量的学术教学和行业专业知识。</p>
				<p ><strong style="font-size: 22px;">2021年9月入学相关信息</strong></p>
				<p>布拉德福德大学国际学院将于2021年9月迎来国际学生。在成功完成UBIC的第一阶段后，学生将进入布拉德福德大学攻读他们所选择的学位。学生可以从以下多种途径选择:</p>
				<ul >
          <li>商业与管理</li>
          <li>电脑及创意产业</li>
          <li>法律和社会科学</li>
          <li>科学、工程和卫生</li>
        </ul>
				<p style="text-align: center;"><strong >2021年9月入学</strong></p>
				<a class="shenqing-btn" href="https://www.oxfordinternational.com/university-pathways/university-pathways-application/">马上申请</a>
				
				
        
        <p style="text-align: center;"><strong >欲了解更多信息，请发送电子邮件至: <a href="mailto:pathways@oxfordinternational.com">pathways@oxfordinternational.com</a></strong></p>
      </div>
    </div>
<Foot></Foot>
	</view>
</template>

<script>
	import Head from '@/components/head.vue'
	import Banner from '@/components/banner.vue'
	import Foot from '@/components/foot.vue'
	export default {
		components: {
			Head,
			Banner,
			Foot
		},
		data() {
			return {
				swiperHeight: 0,
			};
		},
		onLoad() {
			let H = window.innerHeight
			let W = window.innerWidth
this.swiperHeight = H
			/* if (W > 750) {
				
			} else {
				this.swiperHeight = 500
			} */
		}
	}
</script>

<style lang="scss" scoped>
	@import url("../../css/daxue.css");

	.box1 {
		background: url("../../static/bradford/bbb.jpg") no-repeat center top;
		// background-size: 100% auto;
		background-size:  auto 100%;
	}
	.main-center {
	    max-width: 1200px;
	    margin: 0 auto;
	  }
		.mid {
		    margin: 40px auto 40px auto;
		    max-width: 1200px;
		    display: flex;
		    flex-direction: row;
		    justify-content: space-between;
		    font-size: 17px;
		    line-height: 36px;
		
		    div {
		      flex: 1;
		      width: 50%;
		      margin: 0 30px;
		      display: flex;
		      flex-direction: column;
		
		      p {
		        span {
		          font-weight: bold;
		        }
		      }
		
		      ul {
		        display: flex;
		        flex-direction: column;
		
		        li {
		          /*margin-bottom: 15px;*/
		
		          span {
		            font-weight: bold;
		          }
		        }
		      }
		    }
		  }
		
		  .fangwen {
		    text-align: center;
		    margin: 50px auto 80px auto;
		
		    a {
		      padding: 18px 26px;
		      background: #303030;
		      color: #fff;
		      text-decoration: none;
		      transition: all 0.3s ease;
		    }
		
		    a:hover {
		      background: #3281c4;
		    }
		  }
		
		
		  .map {
		    padding: 45px 0 90px 0;
		    background: url("../../static/oic/map_bg.jpg") no-repeat center center;
		    background-size: 100% auto;
		  }
		
		  .map > div {
		    max-width: 800px;
		    margin: 0 auto;
		    background: #fff;
		    padding: 30px 25px 30px 30px;
		    display: flex;
		    flex-direction: row;
		
		    div:nth-of-type(1) {
		      margin-right: 20px;
		
		      .biaoji-size {
		        display: block;
		        width: 60px;
		      }
		    }
		
		    div:nth-of-type(2) {
		      display: flex;
		      flex-direction: column;
		      padding-bottom: 70px;
		
		      span {
		        margin-bottom: 15px;
		      }
		    }
		  }
		
		  .details{
		    font-size: 17px;
		    line-height: 36px;
		    color: #303030;
		    padding-bottom: 100px;
				margin-top: 35px;
				p{
					margin-bottom: 20px;
				}
		    a{
		      text-decoration: none;
		      color: #303030;
		      transition: all .3s;
		    }
		    a:hover{
		      color: #409eff;
		    }
		  }
			ul,li{
				// list-style: none;
				padding: 0;
			}
			ul{
				margin-bottom: 20px;
				padding-left: 25px;
			}
			@media screen and (max-width: 750px){
				.details{
					font-size: 15px;
					line-height: 30px;
					/* padding-left: 0px;
					flex-direction: column;
					align-items: center; */
					p,ul{
						width: 90%;
						margin: 0 auto;
						margin-bottom: 30px;
					}
					ul{
						padding-left: 40px;
					}
				}
			}
			.shenqing-btn{
				padding: 16px 0px;
				background: #32373c;
				color: #fff !important;
				font-size: 18px;
				max-width: 208px;
				max-height: 65px;
				text-align: center;
				margin: 0 auto;
				border-radius: 4px;
				display: block;
				margin-bottom: 20px;
			}
</style>
